<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8"/>
    <title>m u j j i o</title>
    <meta name="description" content=""/>
    <meta name="keywords" content=""/>
    <!--META KEYWORDS-->
    <meta name="author" content="mujjio limited"/>
    <!--CSS FILES STARTS-->
    <link rel="shortcut icon" type="image/gif" href="images/favicon.gif"/>
    <link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen"/>
    <link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen"/>
    <link rel="stylesheet" id="skins-switcher" href="css/style.css" type="text/css" media="screen"/>
    <!--GOOGLE FONTS-->
    <link href='http://fonts.googleapis.com/css?family=Crimson+Text:regular,regularitalic,600,600italic,bold,bolditalic' rel='stylesheet' type='text/css'/>
    <!--GOOGLE FONTS-->
    <!--JS FILES STARTS-->

    <script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
    <script type="text/javascript" src="js/custom.js"></script>
    <script type="text/javascript" src="js/slides/slides.min.jquery.js"></script>
    <script type="text/javascript" src="js/cycle-slider/cycle.js"></script>
    <script type="text/javascript" src="js/nivo-slider/jquery.nivo.slider.js"></script>
    <script type="text/javascript" src="js/tabify/jquery.tabify.js"></script>
    <script type="text/javascript" src="js/prettyPhoto/jquery.prettyPhoto.js"></script>
    <script type="text/javascript" src="js/twitter/jquery.tweet.js"></script>
    <script type="text/javascript" src="js/scrolltop/scrolltopcontrol.js"></script>
    <script type="text/javascript" src="js/portfolio/filterable.js"></script>
    <script type="text/javascript" src="js/modernizr/modernizr-2.0.3.js"></script>
    <script type="text/javascript" src="js/easing/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="js/kwicks/jquery.kwicks-1.5.1.pack.js"></script>
    <script type="text/javascript" src="js/swfobject/swfobject.js"></script>
    <script type="text/javascript" src="js/audio-player/audio-player.js"></script>  
    <script type="text/javascript" src="js/vticker/jquery.vticker.1.4.js"></script> 
    <script type="text/javascript" src="video/player/jwplayer.js"></script>



    <script type="text/javascript">  
      AudioPlayer.setup("js/audio-player/player.swf", {  
        width: 217,  
        initialvolume: 100,  
        transparentpagebg: "yes",  
        left: "000000",  
        lefticon: "FFFFFF"  
      });  
    </script>  

    <script type="text/javascript">
            
       jQuery.noConflict()(function($){
      jQuery(function() {
 
        function loadRegistration() {
       
          jQuery( "#login-top-block" ).animate({
            width: 930,
            height: 500
          }, 500 );
         
          jQuery( "#login-top-block" ).html("").load('register.html');
        }
        
        function loadVideo() {
   
           jQuery( "#login-top-block" ).animate({
            width: 930,
            height: 500
          }, 500 );
          
          jQuery( "#login-top-block" ).html("");
   
         jwplayer("login-top-block").setup({ flashplayer: "video/player/player.swf", file: "http://www.adobe.com/jp/events/cs3_web_edition_tour/swfs/perform.swf", height: 616, width: 960, autostart: true, controlbar: "none" });
       
        }
 

        jQuery("A#link-login-signup").click((function(){
 
          loadRegistration();
        }));
        
        jQuery("A#link-login-video").click((function(){
 
          loadVideo();
        }));
        
      })});
  

    </script>

  </head>
  <body>
    <div id="wrapper">
      <div class="center">
        <div id="container">
          <!--WRAPPER-->
          <div id="header">
            <!-- HEADER  -->
            <!-- LOGO -->
            <a id="logo" title="Login" href="login.html"><img src="/images/logo.png" alt="mujjio" width="129" height="60"/></a>
            <!--LOGO ENDS  -->

            <div id="main_navigation" class="main-menu ">
              <!--  LOGIN FORM -->
              <ul>						
                <li>
                  <fieldset class="search-place" style="float: left; margin-right: -20px">
                    <input class="username-input" type="text" onblur="if(this.value=='')this.value='Username';" onfocus="if(this.value=='Username')this.value='';" value="Username"/>
                  </fieldset>
                  <fieldset class="search-place" style="float: left">
                    <input class="password-input" type="password" onblur="if(this.value=='')this.value='Password';" onfocus="if(this.value=='Password')this.value='';" value="Password"/>
                  </fieldset>
                 
                    <div style="width:80px; height:10px;margin-left: 5px; margin-top:5px;float: left"><input type="submit" value="Log In" class="grey-button-small"/> </div>
            
                  
                </li>
              </ul>
            </div>
            <!-- LOGIN FORM  ENDS-->
          </div>
          <!-- HEADER ENDS-->
          <!-- MAIN CONTAINER -->
          <div id="content">

            <div id="login-top-block">

              <div class="one-half"><h3><a href="#" id="link-login-signup"><span class="colored">Sign Up</span></a> ... it's fast and free</h3></div>
              <div class="one-half" style="text-align: right"><h3>Watch the the ... <a href="#" id="link-login-video"><span class="colored">Mujjio Video</span></a></h3></div>
              <div class="one">

                <div class="slideshow">
                  <div id="slides">
                    <div id="slider-big">
                      <div class="slides_container big-slider">
                        <!-- SLIDER STARTS-->
                        <!-- SLIDER CONTENT STARTS-->
                        <div class="slide">
                          <img src="images/slideshow/slide-04.jpg" alt=" " width="950" height="350"/>									
                        </div>
                        <img src="images/slideshow/slide-001.jpg" alt=" " width="950" height="350"/>
                        <div class="slide">
                          <img src="images/slideshow/slide-001.jpg" alt=" " width="950" height="350"/>
                          <div class="caption"> 
                            <p>Caption Goes Here!</p> 
                          </div> 
                        </div>
                        <img src="images/slideshow/slide-001.jpg" alt=" " width="950" height="350"/>
                      </div>
                      <!-- SLIDESHOW CONTAINER ENDS-->
                    </div>
                    <div class="slides-nav"> 
                      <a href="#" class="prev">Previous Slide</a> 
                      <a href="#" class="next">Next Slide</a> 
                    </div> 
                  </div>
                </div><!-- SLIDER ENDS-->	<!-- SLIDESHOW ENDS-->
              </div>

            </div>

            <div class="one">
              <!-- COLUMNS CONTAINER STARTS-->
              <div class="intro-pages">
                <!-- INTRO DIV STARTS-->
                <h3>This is  <span class="colored">Mujjio... </span>the social network that gives back... <span class="colored">ownership of your content to you </span>... to sell, auction, and bring value to your own profile and network.</span></h3>
              </div>
              <!-- INTRO ENDS-->
            </div>
            <!-- COLUMNS CONTAINER ENDS-->
            <div class="one">
              <div class="one-fourth">
                <div class="text-align-left">
                  <h4>Social Network</h4>
                  <p>
								Own your own network, build communities, and create value for your profile.
                  </p>
                </div>
                <img src="images/promos/login-promo-social.jpg" alt=" " class="img-align-left" width="217" height="67"/>
              </div>
              <div class="one-fourth">

                <div class="text-align-left">
                  <h4>Marketplace</h4>
                  <p>
								Sell and auction your content, buy and bid for products and services.<br/><br/>
                  </p>
                </div>
                <img src="images/promos/login-promo-marketplace.jpg" alt=" " class="img-align-left" width="217" height="67"/>
              </div>
              <div class="one-fourth">

                <div class="text-align-left">
                  <h4>Content</h4>
                  <p>
								Create blogs and photo albums, upload videos and music. Buy content from other members.             
                  </p>
                </div>
                <img src="images/promos/login-promo-content.jpg" alt=" " class="img-align-left" width="217" height="67"/>
              </div>
              <div class="one-fourth last">

                <div class="text-align-left">
                  <h4>Add Value</h4>
                  <p>
								Build the value of your network through content and services and look for a buyer!
                  </p>
                </div>
                <img src="images/promos/login-promo-value.jpg" alt=" " class="img-align-left" width="217" height="67"/>
              </div>
              <div class="horizontal-line">
              </div>
            </div>
            <div class="one">         
              <div class="one-fourth">

                <h4><a href="#">Photography</a></h4>
                <p>
                  <a href="images/gallery/bike-large.jpg" class="portfolio-item-preview" data-rel="prettyPhoto" title="from <a href='#'>Gary McCarville's</a> Portfolio"><img src="images/gallery/bike.jpg" alt="" title="Pudicherry Bicycle" width="210" height="145" class="portfolio-img pretty-box"/></a>
                </p>
                <p>
                  Pudicherry Bicycle<br/><a href="#">Gary McCarville</a><br/>Added today<br/>
                </p>		
                <h4 style="float: left;margin-top: 10px"><a href="#"><span class="colored">Bid to get your content here</span></a></h4>
              </div>
              <div class="one-fourth">

                <h4><a href="#">Video</a></h4>
                <p>
                  <a href="http://vimeo.com/8245346" class="portfolio-item-preview" data-rel="prettyPhoto"><img src="images/gallery/video-thumb.jpg" alt=" " width="210" height="145" class="portfolio-img pretty-box"/></a>
                </p>					
                <p>
                  Cloud Kitchen<br/><a href="#">Suhail Manzoor</a><br/>Added today<br/>
                </p>
                <h4 style="float: left;margin-top: 10px"><a href="#"><span class="colored">Bid to get your content here</span></a></h4>
              </div>
              <div class="one-fourth">
                <h4><a href="#">Music</a></h4>
                <p>
                  <img src="images/gallery/paolo.jpg" width="210" height="145" alt="paolo" class="portfolio-img pretty-box"/>
                </p>
                <p id="audioplayer_2" style="position: relative:-30px">
                  <script type="text/javascript">  
                    AudioPlayer.embed("audioplayer_2", {  
                      soundFile: "http://www.graniteforme.com/media/06_-Paolo_Nutini-_New_Shoes.mp3",  
                      titles: "New Shoes",  
                      artists: "Paolo Nutini",  
                      autostart: "no"  
                    });  
                  </script>  
                <p>
                  New Shoes - <a href="#">Paolo Nutini</a><br/>Added today<br/>
                </p>
                <h4 style="float: left"><a href="#"><span class="colored">Bid to get your content here</span></a></h4>
              </div>
              <div class="one-fourth last">

                <h4><a href="#">Products & Services</a></h4>

                <p>
                  <a href="images/gallery/grid-img-004.jpg" class="portfolio-item-preview" data-rel="prettyPhoto"><img src="images/gallery/grid-img-004.jpg" alt=" " width="210" height="145" class="portfolio-img pretty-box"/></a>
                </p>
                <p>
                  Windows 7 PC<br/><a href="#">Best Buy</a><br/>Added today<br/>
                </p>
                <h4 style="float: left;margin-top: 10px"><a href="#"><span class="colored">Bid to get your content here</span></a></h4>
              </div>

              <div class="horizontal-line"></div>

            </div>
            <!-- COLUMNS CONTAINER ENDS-->


            <div id="copyright-wrapper">
              <!-- COPYRIGHTS WRAPPER STARTS-->
              <div id="copyright">
                <a id="copyright-logo" title="Homepage" href="#"><img src="images/logo-bottom.png" alt=" " width="185" height="50"/></a>
                <div class="right">
                  <p>
                    <a href="#">Home</a> / <a href="#">Help</a> / <a href="#">About Us</a> / <a href="#">Terms & Conditions</a> / <a href="#">Privacy</a> / <a href="#">Contact</a>
                  </p>
                  <span>© Copyright Mujjio Limited 2011. All rights reserved.</span>
                </div>
              </div>
              <!-- COPYRIGHTS ENDS-->
            </div>
            <!-- COPYRIGHTS WRAPPER ENDS-->
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
<!--BODY ENDS  -->
</html>
<!--HTML ENDS  -->
